<template>
	<view class="head">
		<view class="header">
			<van-icon name="bars" size='25px' class="iconbar"/>
			<view class="myinput" >
				<van-icon name="search" size='25px' class="iconsear"/>
				<input type="text" placeholder='大家都在搜 林俊杰'>
				<van-icon name="scan" size='25px' class="iconscan"/>
			</view>
			<cover-image  class="playsong" src="./images/语音.png"></cover-image>
		</view>
	</view>
	
		
		
	
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
	.head{
		width: 100%;
		background:linear-gradient(to right,rgb(233,229,252),rgb(247,229,243)) ;
		display: flex;
		.header{
			width: 720px;
			height: 40px;
			margin: auto;
			display: flex;
			.iconbar{
				line-height: 40px;
				
			}
			.myinput{
				display: flex;
				width: 85%;
				height: 100%;
				margin-left: 30px;
				// border: 1px solid black;
				border-radius: 20px ;
				background:linear-gradient(to right,rgb(217,220,251),rgb(240,217,245)) ;
				>input{
					margin-top: 8px;
					width:70%;
					margin-left: 15px;
				}
				.iconsear{
					line-height: 40px;
					padding-left: 20px;
				}
				.iconscan{
					line-height: 40px;
					padding-left: 70px;
				}
				
			}
			.playsong{
				width: 25px;
				height: 25px;
				padding-left: 40px;
				margin-top: 8px;
				
			}
		}
	}
	
</style>